<template>
  <input :value="user" @input="emit('update:user', (<HTMLInputElement>$event.target).value)" />
    <input :value="mima" @input="emit('update:mima', (<HTMLInputElement>$event.target).value)" />
</template>
<!-- 安装 vue 路由模块  npm install vue-router -->

<!-- npm i vite-plugin-vue-setup-extend -D -->
<script setup lang="ts" name="AtguiguInput">

// defineProps(["modelValue"])
// const emit = defineEmits(["update:modelValue"])

defineProps(["user","mima"])
const emit = defineEmits(["update:user","update:mima"])
</script>

<style scoped>
input {
  border: 2px solid black;
  background-image: linear-gradient(45deg, red, yellow, green);
  height: 30px;
  font-size: 20px;
  color: white;
}
</style>